<div class="container">
    <h1>HEROES</h1>
    <nav>
        <a [routerLink]="['Home']">Home</a>
        <a [routerLink]="['Hero']">Hero</a>
    </nav>
    <ul class="items">
        <li *ngFor="#hero of heroes"
            [class.selected]="isSelected(hero)"
            (click)="onSelect(hero)">
            <span class="badge">{{hero.id}}</span> {{hero.name}}
        </li>
    </ul>
    <router-outlet></router-outlet>
</div>